<template>
 <div class="default">
    <!-- 图片 -->
    <div class="image">
      <img src="~@/assets/images/wjg_img@2x.png" alt="">
    </div>
      
    <!-- 文字 -->
    <div class='text' v-if="$store.state.user.budgetRole.expired=='1'">
      <p>围绕经营目标，聚焦有限资源，先人后事，先算后做，</p>
      <p>提升组织协调效率，有限资料价值优化，</p>
      <p>提升投资回报率</p>
    </div>
    <div class='text' v-else>
      <p>围绕经营目标，聚焦有限资源，先人后事，先算后做，</p>
      <p>提升组织协调效率，有限资料价值优化，</p>
      <p>提升投资回报率</p>
    </div>
    <!-- 按钮 -->
    <div class="btn">
      <el-row>
      <el-button class="oneBtn" v-if="type == 0" round @click="goPay(0)">付费开通</el-button>
      <el-button class="oneBtn" v-else round @click="goPay(0)">购买份数</el-button>
    </el-row>
    <!-- <el-row>
      <el-button class="twoBtn" round @click="goPay(1)" v-if="$store.state.user.budgetRole.expired!='1'">我要试用</el-button>
    </el-row> -->
    </div>
    <!-- 下方文字 -->
    <p>请联系商务经理或自行付费购买后，方可使用智慧<span v-html="type == 0?'预算':'文控'" />业务</p>
   
 </div>
</template>

<script>
export default {
  props:['type'],
  data(){
    return{

    }
  },
  methods:{
    // 去支付
    goPay(num){
      let isGoPay = true
      if(num){
        let isTrial = true
        this.$emit('goPayOrTrial',isGoPay,isTrial) //跳转试用支付页
      }else{
        let isTrial = false
        this.$emit('goPayOrTrial',isGoPay,isTrial) //跳转支付页
      }
    },
  },
}
</script>

<style lang="scss" scoped>
  .default{
    // background-color: pink;
      text-align: center;
      .image{
        width: 50%;
        // height: 235px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 31px;
    img{
        width: 100%;
        vertical-align: middle;
      }
      }
   
    .text{
        text-align: center;
        margin-bottom: 35px;
        p{
          font-size: 14px;
          color: #333333;
          margin: 0;
          line-height: 26px;
        }
    }
    .btn{
        .el-button.oneBtn {
          width: 60%;
          background-color: #F87A23 ;
          border: 1px solid #F87A23;
          color: #fff;
        }
         .el-button.twoBtn {
          width: 60%;
          background-color: #fff ;
          border: 1px solid #F87A23;
          color: #F87A23;
        }
    }
    p{
        font-size: 12px;
        color: #BABABA;
    }

}
</style>